// ========================================
// 全局样式变量
// ========================================

// 主题色
$primary-color: #667EEA;           // 主色调 - 蓝紫色
$secondary-color: #764BA2;         // 次要色 - 紫色
$success-color: #52C41A;           // 成功色 - 绿色
$warning-color: #FAAD14;           // 警告色 - 橙色
$error-color: #FF4D4F;             // 错误色 - 红色
$info-color: #1890FF;              // 信息色 - 蓝色

// 主题色别名（兼容不同命名风格）
$color-primary: $primary-color;
$color-success: $success-color;
$color-warning: $warning-color;
$color-danger: $error-color;
$color-error: $error-color;
$color-info: $info-color;

// 板块主题色
$plate-discuss: #667EEA;           // 讨论区 - 紫蓝
$plate-share: #48BB78;             // 分享区 - 绿色
$plate-trade: #ED8936;             // 交易区 - 橙色
$plate-help: #9F7AEA;              // 求助区 - 紫色

// 文字颜色
$text-primary: #1A202C;            // 主要文字
$text-secondary: #4A5568;          // 次要文字
$text-tertiary: #A0AEC0;           // 辅助文字
$text-disabled: #CBD5E0;           // 禁用文字

// 背景颜色
$bg-page: #F7FAFC;                 // 页面背景
$bg-card: #FFFFFF;                 // 卡片背景
$bg-hover: #F7F9FC;                // 悬停背景
$bg-active: #EDF2F7;               // 激活背景
$bg-mask: rgba(0, 0, 0, 0.5);     // 遮罩背景

// 边框颜色
$border-light: #E2E8F0;            // 浅色边框
$border-base: #CBD5E0;             // 基础边框
$border-dark: #A0AEC0;             // 深色边框

// 阴影
$shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
$shadow-base: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
$shadow-md: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
$shadow-lg: 0 12rpx 32rpx rgba(0, 0, 0, 0.16);

// 圆角
$radius-xs: 4rpx;
$radius-sm: 8rpx;
$radius-base: 12rpx;
$radius-md: 16rpx;
$radius-lg: 20rpx;
$radius-xl: 24rpx;
$radius-round: 999rpx;

// 间距
$spacing-xs: 8rpx;
$spacing-sm: 12rpx;
$spacing-base: 16rpx;
$spacing-md: 20rpx;
$spacing-lg: 24rpx;
$spacing-xl: 32rpx;
$spacing-xxl: 40rpx;

// 字体大小
$font-xs: 20rpx;
$font-sm: 24rpx;
$font-base: 28rpx;
$font-md: 30rpx;
$font-lg: 32rpx;
$font-xl: 36rpx;
$font-xxl: 40rpx;
$font-title: 48rpx;

// 字重
$font-normal: 400;
$font-medium: 500;
$font-semibold: 600;
$font-bold: 700;

// 行高
$line-height-tight: 1.2;
$line-height-base: 1.5;
$line-height-lg: 1.6;
$line-height-relaxed: 1.8;

// 过渡时间
$transition-fast: 0.15s;
$transition-base: 0.3s;
$transition-slow: 0.5s;

// z-index层级
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

